<div class="page-header">
    <h1>
        每日平台统计
        <small>
            <i class="ace-icon fa fa-angle-double-right"></i>
            查看每日平台统计的信息；
        </small>
    </h1>
</div>
<div class="row">
    <div class="col-xs-12">
        <table id="dtpList" class="dataTable">
            <!--<tfoot>-->
            <!--<tr>-->
            <!--<td colspan="6">本页合计：</td>-->
            <!--<td>-->
            <!--<ins id="Total_Balance">￥13645.00</ins>-->
            <!--</td>-->
            <!--<td>-->
            <!--<ins id="Total_Consumption_Amt">￥13645.00</ins>-->
            <!--</td>-->
            <!--<td colspan="2"></td>-->
            <!--</tr>-->
            <!--</tfoot>-->
        </table>
        <div id="dtpList_filter" class="dataTables_filter">
            <div>
                <label>时间：</label>
                <input id="dtpList_F_StartDate" type="text" style="width: 76px;" placeholder="开始时间">
                <label>-</label>
                <input id="dtpList_F_EndDate" type="text" style="width: 76px;" placeholder="结束时间">
                <button id="dtpList_F_Btn"></button>
                <button id="exportExcel" class="btn btn-xs btn-success" RightCode="{Statistics}[Demographics](PlatformDailyExportExcel)">导出</button>
            </div>
        </div>
    </div>
</div>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.min.js"></script>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.bootstrap.min.js"></script>
<script>
    $(function () {
        //////////////////////////////////////////////////////////
        //时间输入框插件
        //////////////////////////////////////////////////////////
        $('#dtpList_F_StartDate , #dtpList_F_EndDate').datetimepicker({
            language: 'zh-CN',
            format: 'yyyy-mm-dd',
            minView: 2,
            autoclose: true
        });
        //////////////////////////////////////////////////////////
        //绑定日期选择框
        //////////////////////////////////////////////////////////
        $.KOC.Date.Select.Bind({
            eSelect: $('#dtpList_F_SelectDate'),
            eBegin: $('#dtpList_F_StartDate'),
            eEnd: $('#dtpList_F_EndDate')
        });
        //导出数据
        $("#exportExcel").click(function(){
            var data = {
                F_StartDate : $('#dtpList_F_StartDate').val(),
                F_EndDate : $('#dtpList_F_EndDate').val()
            };
            var url =  "platformdaily-excel/export?F_StartDate=" + data.F_StartDate +
                    "&F_EndDate=" + data.F_EndDate;
            window.open(url);
        });
        //列表数据(分页)
        var _dtpList = $("#dtpList").dataTable({
            //列信息
            'aoColumns': [
                {
                    'sWidth': '20px', 'data': 'Report_Day', 'sTitle': '日期', 'bSortable': false, 'sClass': 'center',
                },
                {
                    'sWidth': '25px', 'data': 'User_Count_SignUp', 'sTitle': '用户注册数量', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '用户总数量：' + rowData.User_Count +
                            '<br/>用户登录数量：' + rowData.User_Count_SignIn +
                            '<br/>VIP用户数量：' + rowData.User_Count_VIP +
                            '<br/>消费用户数：' + rowData.User_Count_Consumption
                        }));
                    }
                },
                {
                    'sWidth': '30px', 'data': 'User_Coin', 'sTitle': '用户金币余额', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '用户金豆余额：' + rowData.User_Beans
                        }));
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Anchor_Count', 'sTitle': '艺人数量', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '艺人注册数量：' + rowData.Anchor_Count_SignUp +
                            '<br/>艺人登录数量：' + rowData.Anchor_Count_SignIn +
                            '<br/>开播艺人数量：' + rowData.Anchor_Count_Live
                        }));
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Family_Count', 'sTitle': '公会数量', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '新建公会数量：' + rowData.Family_Count_SignUp +
                            '<br/>公会金豆余额：' + rowData.Family_Beans
                        }));
                    }
                },
                {
                    'sWidth': '15px', 'data': 'Live_Count', 'sTitle': '开播次数', 'bSortable': false, 'sClass': 'center',
                },
                {
                    'sWidth': '23px', 'data': 'Live_Duration', 'sTitle': '直播时长', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        if (cellData > 0) {
                            cellData = (Math.floor(cellData / 60) + "小时" + (cellData % 60) + "分" )
                        } else {
                            cellData = 0;
                        }
                        $(td).html(cellData);
                    }

                },
                {
                    'sWidth': '20px', 'data': 'Recharge_Money', 'sTitle': '充值金额', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '充值次数：' + rowData.Recharge_Count +
                            '<br/>充值用户数量：' + rowData.Recharge_User +
                            '<br/>充值金币：' + rowData.Recharge_Coin +
                            '<br/>充值手续费：' + rowData.Recharge_Poundage
                        }));
                    }
                },
                {
                    'sWidth': '30px', 'data': 'Gift_Count', 'sTitle': '送礼物总次数', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '送礼物总数量：' + rowData.Gift_Num +
                            '<br/>送礼物总金豆：' + rowData.Gift_Coin +
                            '<br/>送礼物总金豆(艺人收入)：' + rowData.Gift_Beans_Anchor +
                            '<br/>送礼物总金豆(公会收入)：' + rowData.Gift_Beans_Family +
                            '<br/>送礼物总金豆(平台收入)：' + rowData.Gift_Beans_Platform
                        }));
                    }
                },
                {
                    'sWidth': '15px', 'data': 'Gift_Pond_Count', 'sTitle': '奖池发放总次数', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip"  data-html="true"></label>').text(cellData).attr({
                            'title': '奖池发放总金币：' + rowData.Gift_Pond_Coin
                        }));
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Guardian_Count', 'sTitle': '守护总次数', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '守护总金币：' + rowData.Guardian_Coin +
                            '<br/>守护总金豆(艺人收入)：' + rowData.Guardian_Beans_Anchor +
                            '<br/>守护总金豆(公会收入)：' + rowData.Guardian_Beans_Family +
                            '<br/>守护总金豆(平台收入)：' + rowData.Guardian_Beans_Platform
                        }));
                    }
                },
                {
                    'sWidth': '20px', 'data': 'Horn_Count', 'sTitle': '喇叭总次数', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip"  data-html="true"></label>').text(cellData).attr({
                            'title': '喇叭总金币：' + rowData.Horn_Coin +
                            '<br/>喇叭总金豆(艺人收入)：' + rowData.Horn_Beans_Anchor +
                            '<br/>喇叭总金豆(公会收入)：' + rowData.Horn_Beans_Family +
                            '<br/>喇叭总金豆(平台收入)：' + rowData.Horn_Beans_Platform
                        }));
                    }
                },
                {
                    'sWidth': '30px', 'data': 'VIP_User', 'sTitle': '购买VIP用户数量', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': 'VIP购买次数：' + rowData.VIP_Count +
                            '<br/>VIP购买金额：' + rowData.VIP_Coin
                        }));
                    }
                },
                {
                    'sWidth': '30px', 'data': 'Gift_Count_Lucky', 'sTitle': '幸运礼物总次数', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip"  data-html="true"></label>').text(cellData).attr({
                            'title': '幸运礼物返总金币：' + rowData.Gift_Lucky_Coin +
                            '<br/>幸运礼物花费总金币：' + rowData.Gift_Coin_Lucky +
                            '<br/>幸运礼物总个数：' + rowData.Gift_Num_Lucky
                        }));
                    }
                },
                {
                    'sWidth': '30px', 'data': 'Lottery_Coin', 'sTitle': '转盘获得总金币', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip"  data-html="true"></label>').text(cellData).attr({
                            'title': '档次铁获得总金币：' + rowData.Lottery_CategoryIron_Coin +
                            '<br/>档次铜获得总金币：' + rowData.Lottery_CategoryCopper_Coin +
                            '<br/>档次银获得总金币：' + rowData.Lottery_CategorySilver_Coin +
                            '<br/>档次金获得总金币：' + rowData.Lottery_CategoryGold_Coin+
                            '<br/><br/>转盘抽奖总次数：' + rowData.Lottery_Count +
                            '<br/>档次铁抽奖总次数：' + rowData.Lottery_CategoryIron_Count +
                            '<br/>档次铜抽奖总次数：' + rowData.Lottery_CategoryCopper_Count +
                            '<br/>档次银抽奖总次数：' + rowData.Lottery_CategorySilver_Count +
                            '<br/>档次金抽奖总次数：' + rowData.Lottery_CategoryGold_Count +
                            '<br/>转盘产生的金币数：' + rowData.Lottery_Winning_Value
                        }));
                    }
                },
                {
                    'sWidth': '25px', 'data': 'Mounts_User', 'sTitle': '购买坐骑数量', 'bSortable': false, 'sClass': 'center',
                    'createdCell': function (td, cellData, rowData) {
                        $(td).html($('<label class="tooltip-" data-rel="tooltip" data-html="true"></label>').text(cellData).attr({
                            'title': '座骑购买次数：' + rowData.Mounts_Count +
                            '<br/>座骑购买金额：' + rowData.Mounts_Coin
                        }));
                    }
                }
            ],
            'aaSorting': [0, 'desc'],
            'sAjaxSource': '/ajax/user.statistics-info.platform-day-statistics.page',
            'fnServerParams': function (aoData) {
                if (!this.arrPageFilter) {
                    //搜索:条件发生变化
                    this.arrPageFilter = [];
                    this.arrPageFilter.push(
                            {'name': 'F_StartDate', 'value': $(this.selector + '_F_StartDate').val()},
                            {'name': 'F_EndDate', 'value': $(this.selector + '_F_EndDate').val()}
                    );
                }
                else {
                    //重置条件框内容：未按搜索按钮
                    $(this.selector + '_F_StartDate').val(this.arrPageFilter[0].value);
                    $(this.selector + '_F_EndDate').val(this.arrPageFilter[1].value);
                }
                this.ofnServerParams(aoData);
            },
            'fnDrawCallback': function () {
                $.Common.Bootstrap.Tooltip(this);
                this.ofnDrawCallback();
            }
        });
    });
</script>